@CHARSET "UTF-8";


.mainHeader nav{
   background-color: #666;
   height: 40px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}


.mainHeader nav ul{
   list-style: none;
   margin: 0 auto;
}

.mainHeader nav ul li{
   float: left;
   display: inline;
}


.mainHeader nav input{
   color: #fff;
   display: inline-block;
   padding: 10px 25px;
   
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

.mainHeader nav input:hover{
   background-color: #ad7cd6;
   text-shadow: none;
}


.mainHeader nav a:link, .mainHeader nav a:visited{
   color: #fff;
   display: inline-block;
   padding: 10px 25px;
}

.mainHeader nav a:hover, .mainHeader nav a:active{
   background-color: #ad7cd6;
   text-shadow: none;
}

.mainHeader ul li a{
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}


#tong{
	
	width: 80%;
	margin:0 auto;
	color: #e759ff;
	font-weight: bolder;
}

#tong>div{
	border:1px solid #000000;
	position: absolute;

}

body{
/* 		background-color: #ff8080; */
		text-align: left;
		font-size: 87.5%; /* 기본 폰트 사이즈 14px*/
		line-height: 1.5;
		background-color: #ffd9ff;
		
		color: #0000cc;
		background-image: url(../images/bg.png);
		
}

#title{width: 80%;  height:17%; top: 0px;background-image: url(../images/title.gif)}
#menu{width:80%; top :130px;}
#main{width: 60%;  top: 520px;}
#login{width: 40%;  top: 250px;width: 30%; float: left;margin: 10px auto;display: inline;}
 #content{width: 80%; top: 550px;}




@media all and (min-width:300px){
	
}

@media all and (min-width:300px) and (max-width:7000px){
	#title{width: 80%; height:17%; top: 0px; background-image: url(../images/title.gif)}
	#menu{width:80%; top :130px;}
	#main{width: 60%; ; top: 200px; left:550px;  }
	#login{width: 40%;  top: 200px; width: 30%; }
	#content{width:80%; top: 370px;}
	
}
@media all and (min-width:900px){
	#title{width: 80%; height:17%; top: 0px;background-image: url(../images/title.gif)}
	#menu{width:80%; top :130px;}
	#main{width: 60%; top: 200px; left:550px}
	#login{width: 40%; top: 200px; width: 30%; float: left; }
	#content{width: 80%;  top: 650px;}
	
	/* 방명록 */

.guest_book_g_rno, .guest_book_m_id, .guest_book_g_date, .bt_guest_book_del, .guest_book_g_nullblock
{
	display : inline-block;
}
/* #guest_book_input */
/* { */
	
/* 	padding : 7px; */
/* 	width : 60%; */
/* 	border-top: 2px groove #ff80c0; */
/* 	border-left: 2px groove #ff80c0; */
/* 	border-bottom: 3px groove #ff80c0; */
/* 	border-right: 3px groove #ff80c0; */
/* 	border-radius : 30px; */
/* 	box-shadow: 5px 5px 2px #ff8080; */
/* 	margin: 0 auto; */
/* 	background-color: #ffcdf0; */
/* } */
/* #guest_book_output */
/* { */
	
/* 	text-align : left; */
/* 	padding : 7px; */
/* 	width : 60%; */
/* 	border-top: 2px groove #ff80c0; */
/* 	border-left: 2px groove #ff80c0; */
/* 	border-bottom: 3px groove #ff80c0; */
/* 	border-right: 3px groove #ff80c0; */
/* 	border-radius : 30px; */
/* 	box-shadow: 5px 5px 2px #ff8080; */
/* 	margin: 0 auto; */
/* 	background-color: #ffcdf0; */
/* } */

.guest_book_g_rno
{
/* 	border : 1px groove #bbbbbb; */
	width : 15%;
	height : 50%;
	margin-left: 5px;
	margin-right: 5px;
}

.guest_book_m_id
{
/* 	border : 1px groove #bbbbbb; */
	width : 30%;
	height : 50%;
}
.guest_book_g_date
{
/*	border : 1px groove #bbbbbb; */
	margin-left: 5px;
	margin-right: 5px;
	width : 38%;
	height : 30px;
	font-size: 8px;
	color: gray;
}
.bt_guest_book_del
{
/* 	border : 1px groove #bbbbbb; */
	font-size : 10px;
	width : 20px;
	height : 20px;
}
.guest_book_g_nullblock
{
/* 	border : 1px groove #bbbbbb; */
	font-size : 10px;
	width : 40px;
	height : 20px;
}

.guest_book_g_text
{
/* 	border : 1px groove #bbbbbb; */
/* 	border-top : groove #ff0000; */
	width : 30%;
	margin-bottom: 7px;
	margin-left: 7px;
}
#tf_guest_book_input
{
/* 	border : 1px groove #bbbbbb; */
	width : 80%;
	margin-bottom: 7px;
	margin-left: 7px;
	
}
#guest_book_top
{
	font-size: 36px;
	text-align: center;
	color: #ff0080;
	margin-top: -20px;
	
}
#guest_book_top_sub
{
	font-size: 23px;
	text-align: center;
	font-weight : bold;
	color: #ff0000;
	margin-top: -5px;
	
	
}

#bt_guest_book_input
{
	border : 1px groove #bbbbbb;
	width : 20%;
	height: 23%;
	margin-bottom: 5px;
	margin-top : -6px;
	
	border-top: 2px groove;
	border-left: 2px groove;
	border-bottom: 3px groove;
	border-right: 3px groove #ff80c0;
	border-radius : 15px;
	box-shadow: 2px 2px 4px #ff8080;
	
	background-color: #ff0080;
	font-weight: bold;
	font-stretch: ultra-condensed;
	
}

.guest_book_underline
{
	border-top: 1px groove #ff0000;
	width: 100%;
	height: 20%; 
	margin-top : -10px;
	margin-bottom: 7px;
}
	
}